对象和对象操作

1. 对象简介

在 JavaScript 中，对象是一种复杂的数据类型，它允许我们将多个值（属性）组合在一起，并且可以通过键来访问这些值。对象是 JavaScript 的核心概念之一，广泛应用于各种编程场景中。

1.1 对象的基本结构

对象由键值对组成，键通常是字符串（或符号），值可以是任何数据类型，包括基本数据类型（如字符串、数字、布尔值）、数组、函数，甚至是其他对象。

let person = {
    name: "Alice",
    age: 30,
    isStudent: false,
    hobbies: ["reading", "traveling"],
    address: {
        city: "New York",
        country: "USA"
    }
};

1.2 访问对象属性

你可以使用点符号（.）或方括号（[]）来访问对象的属性。

console.log(person.name); // 输出: Alice
console.log(person["age"]); // 输出: 30

2. 对象操作

2.1 添加和修改属性

你可以通过赋值语句来添加或修改对象的属性。

person.email = "[email protected]"; // 添加新属性
person.age = 31; // 修改现有属性

2.2 删除属性

使用 delete 关键字可以删除对象的属性。

delete person.isStudent;

2.3 检查属性是否存在

你可以使用 in 运算符或 hasOwnProperty 方法来检查对象是否包含某个属性。

console.log("name" in person); // 输出: true
console.log(person.hasOwnProperty("hobbies")); // 输出: true

2.4 遍历对象属性

你可以使用 for...in 循环来遍历对象的所有可枚举属性。

for (let key in person) {
    console.log(key + ": " + person[key]);
}

3. 对象方法

对象的属性值可以是函数，这样的函数称为对象的方法。

let calculator = {
    add: function(a, b) {
        return a + b;
    },
    subtract: function(a, b) {
        return a - b;
    }
};

console.log(calculator.add(5, 3)); // 输出: 8
console.log(calculator.subtract(5, 3)); // 输出: 2

4. 实践练习

4.1 创建一个学生对象

创建一个名为 student 的对象，包含以下属性：name、age、courses（一个数组）、gpa。然后，添加一个方法 enroll，用于向 courses 数组中添加课程。

let student = {
    name: "Bob",
    age: 22,
    courses: [],
    gpa: 3.5,
    enroll: function(course) {
        this.courses.push(course);
    }
};

student.enroll("Math");
student.enroll("Science");
console.log(student.courses); // 输出: ["Math", "Science"]

4.2 计算对象属性的总和

创建一个对象 scores，包含多个科目的分数。编写一个函数 calculateTotal，计算所有分数的总和。

let scores = {
    math: 90,
    science: 85,
    history: 88
};

function calculateTotal(scores) {
    let total = 0;
    for (let subject in scores) {
        total += scores[subject];
    }
    return total;
}

console.log(calculateTotal(scores)); // 输出: 263

5. 总结

对象是 JavaScript 中非常重要的数据结构，通过本教程，你应该已经掌握了如何创建对象、访问和操作对象属性、以及如何定义和使用对象方法。对象在实际编程中应用广泛，掌握这些基础知识将为你后续的学习和开发打下坚实的基础。

6. 下一步

接下来，你可以继续学习 JavaScript 中的 Map 和 Set，它们是另外两种重要的数据结构，或者深入了解 JavaScript 的面向对象编程特性，如类和继承。